<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"/>
		<!--优先使用IE最新版本和Chrome---->
		<meta name="viewport" content="width=device-width, initial-scale=1.0, 	minimum-scale=1.0, maximum-scale=1.0, user-scalable=no" />
		<!--视口--设备宽度--初始缩放比例--最小缩放比例--最大缩放比例--用户缩放-->
		<meta name="format-detection" content="telephone=no, email=no" />
		<!--禁止浏览器自动的识别-电话号码-email-->
		<meta name="apple-mobile-web-app-capable" content="yes"/>
		<!--是否启用Web全屏-->
		<meta name="apple-mobile-web-app-status-bar-style" content="black"/>
		
		<link rel="stylesheet" href="css/base.css" />
		<link rel="stylesheet" href="css/index1.css" />
		<link rel="stylesheet" href="css/iconfont.css" />
		
	</head>
	<body>
		<header>
		    <div><span class="iconfont icon-houtui"></span></div>
		    <div>标题</div>
		    <div></div>
		</header>
		<dl class="top">
			<dt><img src="img/headPortrait.png" alt="" /></dt>
			<dd>
				<p class="top1">
					<span>开心消消乐</span>
					<span>【签名：消消乐】</span>
				</p>
				<p class="top2">账户状态：正常</p>
			</dd>
		</dl>
		<dl class="number">
			<dt class="number_left">
				<div class="number_left1">
					<p>短信量（条）</p>
					<p>962</p>
				</div>
				<div class="number_left2">
					<p>应用场景</p>
					<p>APP、H5/web</p>
				</div>
				<input type="button" value="余额转换" class="btn1"/>
			</dt>
			<dd class="number_right">
				<div class="number_right1">
					<p>短信量（条）</p>
					<p>962</p>
				</div>
				<div class="number_right2">
					<p>应用场景</p>
					<p>APP、H5/web</p>
				</div>
				<input type="button" value="充值" class="btn2"/>
			</dd>
		</dl>
		<div class="expen">
			<p class="expen_p">近三月账户消费</p>
			<ul class="expen_ul">
				<li><img src="img/expense1.png" alt="" /></li>
				<li><img src="img/expense2.png" alt="" /></li>
				<li><img src="img/expense3.png" alt="" /></li>
			</ul>
			<div class="duan">
				<div class="duan1">
					<p>短信：152条</p>
					<p>闪注：652条</p>
				</div>
				<div class="duan2">
					<p>短信：65条</p>
					<p>闪注：385条</p>
				</div>
				<div class="duan3">
					<p>短信：225条</p>
					<p>闪注：865条</p>
				</div>
			</div>
			<ul class="expen_ulZi">
				<li>2016/5</li>
				<li>2016/5</li>
				<li>2016/5</li>
			</ul>
		</div>
		<!--充值：full-->
		<div class="full">
			<p>
				<img src="img/new.png" alt="" />
				<span>近三个月充值</span>
			</p>
			<p>2016/7/10   充值项目：闪注10000条    短信1000条</p>
			<p>2016/7/10   充值项目：闪注10000条    短信1000条</p>
		</div>
		
	</body>
	<script src="js/rem.js"></script>
	<script src="js/zepto.min.js"></script>
	<script src="js/index1.js"></script>
</html>